﻿
<!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <title>海南省陵水县住建局后台系统</title>
    <link href="../static/ruoyi/css/login.css" th:href="@{/ruoyi/css/login.css}" rel="stylesheet"/>
   <!--[if lt IE 8]>
    <script src="https://cdn.bootcdn.net/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/respond.js/1.4.2/respond.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <![endif]-->
    <script>
        if(window.top!==window.self){
        	alert('未登录或登录超时。请重新登录');
        	window.top.location=window.location
        	};
    </script>
</head>

<body>
	<div class="wrapper">
		<div class="col-main">
	        <div class="main-wrap">
	        	<div class="monitor-container" style="width: 100%;height: 100%;padding-top:0px;padding-bottom:0px">
	        		<div class="grids_div">
		                <div class="login-header">
		                    <div class="logomain">
		                        <div class="logoicon">
		                            <!-- <img src="../static/ruoyi/images/loginimages/ls_logo.png" th:src="@{/ruoyi/images/loginimages/ls_logo.png}" width="60" height="60"> -->
		                            <span style="font-size: 45px">海南省陵水县住建局后台系统</span>
		                        </div>
		                    </div>
		                </div>
		                <div class="monitor-container">
		                   <div class="container_bg"></div>
		                   <div class="container_footbg"></div>
		                   <div class="form">
			                    <div class="login_text">登录</div>
			                    <form class="form_inner" id="signupForm">
			                        <div class="form_inner_item">
			                            <div class="form_inner_item-content">
			                                <div class="el-input placeholder_name login-input-icon el-input--prefix el-input--suffix">
			                                    <input type="text" name="username" placeholder="账号" class="el-input__inner username" data-value="账号">
			                                    <span class="el-input__prefix"><i><img src="../static/ruoyi/images/loginimages/user.png" th:src="@{/ruoyi/images/loginimages/user.png}"></i>
			                                    </span>
			                                </div>
			                            </div>
			                        </div>
			                        <div class="form_inner_item">
			                            <div class="form_inner_item-content">
			                                <div class="el-input placeholder_password login-input-icon el-input--prefix el-input--suffix">
			                                    <input type="password" name="password" placeholder="密码" class="el-input__inner password" data-value="密码">
			                                    <span class="el-input__prefix">
			                                    <i><img src="../static/ruoyi/images/loginimages/password.png" th:src="@{/ruoyi/images/loginimages/password.png}">
			                                    </span></i>
			                                    </span>
			                                </div>
			                            </div>
			                        </div>
			                        <div class="form_inner_item"> 
			                            <div class="form_inner_item-content">
			                                <div class="login-imgValue-input login-input-icon el-input el-input--prefix el-input--suffix">
			                                    <input type="imgValue" autocomplete="off" name="validateCode" placeholder="验证码" class="el-input__inner validateCode" data-value="验证码">
			                                        <span class="el-input__prefix">
			                                        <i><img src="../static/ruoyi/images/loginimages/validate.png" th:src="@{/ruoyi/images/loginimages/validate.png}">
			                                        </i>
			                                    </span>
			                                </div>
			                                <div class="login-imgValue-div">
			                                <a href="javascript:void(0);" title="点击更换验证码">
											<img th:src="@{captcha/captchaImage(type=${captchaType})}" class="imgcode login-imgValue-img" width="85%"/>
										</a>
			                                </div>
			                            </div>
			                        </div>
			                        <div class="el-form-item btn-yuandan">
			                            <div class="el-form-item__content" style="margin-left: 0px;">
			                            <button id="btnSubmit" class="el-button login-button el-button--primary" data-loading="正在验证登录，请稍后...">
			                                    <span>登录</span></button>
			                            </div>
			                        </div>
			                    </form>
			                </div>
		                </div>
		                <div class="login_footer">
				            <div class="login_footer-text">
				                <p>建议您使用IE9及以上版本、Edge、Chrome、Firefox和360等主流浏览器浏览本网站</p>
				                <p>主办单位：海南陵水县住建局</p>
				                <p>Powered by 海南科澜科技有限公司 &nbsp;&nbsp;</p>
				            </div>
				        </div>
		            </div>
	        	</div>
	        </div>
	    </div>
	</div>
<script th:inline="javascript"> var ctx = [[@{/}]]; var captchaType = [[${captchaType}]]; </script>
<!-- 全局js -->
<script src="../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
<!-- 验证插件 -->
<script src="../static/ajax/libs/validate/jquery.validate.min.js" th:src="@{/ajax/libs/validate/jquery.validate.min.js}"></script>
<script src="../static/ajax/libs/validate/messages_zh.min.js" th:src="@{/ajax/libs/validate/messages_zh.min.js}"></script>
<script src="../static/ajax/libs/layer/layer.min.js" th:src="@{/ajax/libs/layer/layer.min.js}"></script>
<script src="../static/ajax/libs/blockUI/jquery.blockUI.js" th:src="@{/ajax/libs/blockUI/jquery.blockUI.js}"></script>
<script src="../static/ruoyi/js/ry-ui.js" th:src="@{/ruoyi/js/ry-ui.js?v=3.2.0}"></script>
<script src="../static/ruoyi/login.js" th:src="@{/ruoyi/login.js}"></script>
</script>
</body>
</html>